<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="http://baidu.com" method="GET">
        <label for="email">email:</label>
        <input type="email" id="email"><br>

        <label for="url">url:</label>
        <input type="url" id="url"><br>

        <label for="number">number:</label>
        <input type="number" id="number" min="1" max="10" step="0.5"><br>

        <label for="range">range:</label>
        <input type="range" id="range" min="1" max="10" step="3"><br>

        <label for="date">date:</label>
        <input type="date" id="date"><br>

        <label for="month">month:</label>
        <input type="month" id="month"><br>

        <label for="week">week:</label>
        <input type="week" id="week"><br>

        <label for="time">time:</label>
        <input type="time" id="time"><br>

        <label for="datetime-local">datetime-local:</label>
        <input type="datetime-local" id="datetime-local"><br>

        <label for="color">color:</label>
        <input type="color" id="color"><br>

        <input type="submit" value="提交">

    </form>
</body>
</html>